
<body>
    <h1>0</h1>
    <script>
        t=setInterval(function(){
            // 创建字母div
        var divObj=document.createElement("div")
        divObj.className="font"
        // 随机函数
        function random(max,min){
            return Math.floor(Math.random()*(max-min+1)+min)
        }
        // 随机字母
        var str="ABCDEFGHIGKLMNOPQRSTUVWXYZ".split("")
        var zmData=str[random(str.length-1,0)]

        // 随机位置
        var temp_w=(window.innerWidth || document.documentElement.clientWidth)-divObj.offsetWidth
        var temp_h=(window.innerHeight || document.documentElement.clientHeight)-divObj.offsetHeight
        var h_data=random(temp_h,0)
        var w_data=random(temp_w,0)
        divObj.innerText=zmData
        
        // 设置非行内样式
        divObj.style.position="absolute"
        divObj.style.left=w_data+"px"
        divObj.style.top=h_data+"px"
        document.body.appendChild(divObj)
        },1000)

        // 键盘消除
        document.body.onkeydown=function(evt){
            var e = evt || window.event
            var fontData=document.querySelectorAll("div.font")
            fontData.forEach(function(item,i){
                if (item.innerText.toUpperCase()==e.key.toUpperCase()){
                    document.body.removeChild(item)
                    var num = parseInt(document.querySelector('h1').innerText)
                document.querySelector('h1').innerText = num+1
                }
            })
        }
    </script>
</body>
